<template>
	<ElForm label-width="100">
		<ElFormItem label="航班号">
			<el-input v-model="flight.flightNumber" placeholder="航班号" />
		</ElFormItem>
		<ElFormItem label="飞机注册号">
			<el-input v-model="flight.aircraftReg" placeholder="飞机注册号" />
		</ElFormItem>
        <ElFormItem label="起飞机场">
			<el-input v-model="flight.takeOffApt" placeholder="起飞机场" />
		</ElFormItem>
        <ElFormItem label="着陆机场">
			<el-input v-model="flight.landingApt" placeholder="着陆机场" />
		</ElFormItem>
		<ElFormItem label="日期">
			<ElDatePicker v-model="flight.date" type="date"></ElDatePicker>
		</ElFormItem>
	</ElForm>
</template>

<script lang="ts" setup>
import { ElForm, ElFormItem, ElInput, ElDatePicker } from "element-plus";
import { reactive } from "vue";
const flight = reactive({
	flightNumber: "CCA",
	aircraftReg: "B-",
	takeOffApt: "",
	landingApt: "",
	date: new Date(),
});
</script>

<style lang="stylus" scoped></style>
